.msg {
    display: flex;
    padding: 15px;
    // 医生消息+图片
    &-from {
      .content {
        max-width: 240px;
        min-width: 52px;
        .time {
          color: var(--cp-tip);
          margin-bottom: 5px;
        }
        .pao {
          padding: 15px;
          background-color: #fff;
          color: var(--cp-text3);
          font-size: 15px;
          border-radius: 8px;
          position: relative;
          &::before {
            content: '';
            position: absolute;
            left: -13px;
            top: 10px;
            width: 13px;
            height: 16px;
            background: #fff;
            border-top-left-radius: 13px 3px;
          }
          &::after {
            content: '';
            position: absolute;
            left: -13px;
            top: 13px;
            width: 13px;
            height: 13px;
            background: var(--cp-bg);
            border-top-right-radius: 13px 13px;
          }
        }
        .van-image {
          max-height: 160px;
          max-width: 160px;
          border-radius: 8px;
          overflow: hidden;
          border: 1px solid var(--cp-line);
        }
      }
      > .van-image {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 13px;
      }
    }
    // 患者消息+图片
    &-to {
      justify-content: flex-end;
      .content {
        max-width: 240px;
        min-width: 52px;
        .time {
          color: var(--cp-tip);
          margin-bottom: 5px;
          text-align: right;
        }
        .pao {
          padding: 15px;
          background-color: var(--cp-primary);
          color: #fff;
          font-size: 15px;
          border-radius: 8px;
          position: relative;
          &::before {
            content: '';
            position: absolute;
            right: -13px;
            top: 10px;
            width: 13px;
            height: 16px;
            background: var(--cp-primary);
            border-top-right-radius: 13px 3px;
          }
          &::after {
            content: '';
            position: absolute;
            right: -13px;
            top: 13px;
            width: 13px;
            height: 13px;
            background: var(--cp-bg);
            border-top-left-radius: 13px 13px;
          }
        }
        .van-image {
          max-height: 160px;
          max-width: 160px;
          border-radius: 8px;
          overflow: hidden;
          border: 1px solid var(--cp-line);
        }
      }
      > .van-image {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        margin-left: 13px;
      }
    }
    &-tip {
      justify-content: center;
      font-size: 12px;
      .content {
        height: 34px;
        line-height: 34px;
        background-color: #fff;
        color: var(--cp-tip);
        font-size: 12px;
        border-radius: 17px;
        padding: 0 16px;
        max-width: 100%;
        .green {
          color: var(--cp-primary);
        }
      }
      &-cancel {
        .content {
          background-color: #ededed;
        }
      }
    }
    &-illness {
      display: block;
      background-color: #fff;
      margin: 15px;
      border-radius: 8px;
      font-size: 12px;
      .patient {
        padding-bottom: 15px;
        margin-bottom: 15px;
        > p {
          &:first-child {
            font-size: 16px;
          }
          &:last-child {
            margin-top: 5px;
            color: var(--cp-tip);
          }
        }
      }
      .van-col {
        &:nth-child(-n + 2) {
          margin-bottom: 5px;
        }
        &:nth-child(2n) {
          color: var(--cp-tip);
        }
      }
    }
    &-recipe {
      padding: 15px;
      .content {
        background-color: #fff;
        border-radius: 8px;
        color: var(--cp-tip);
        font-size: 12px;
        flex: 1;
        .head {
          padding: 15px;
          .head-tit {
            display: flex;
            justify-content: space-between;
            > h3 {
              font-weight: normal;
              font-size: 16px;
              color: var(--cp-text1);
            }
          }
          p {
            margin-top: 5px;
          }
        }
        .body {
          padding: 15px 15px 0 15px;
          &-item {
            display: flex;
            margin-bottom: 15px;
            .durg {
              flex: 1;
              > p {
                &:first-child {
                  font-size: 14px;
                  color: var(--cp-text1);
                  margin-bottom: 5px;
                }
              }
            }
            .num {
              color: var(--cp-text1);
            }
          }
        }
        .foot {
          background-color: var(--cp-plain);
          color: var(--cp-primary);
          font-size: 16px;
          text-align: center;
          height: 42px;
          line-height: 42px;
        }
      }
    }
  }
  